.clearfix::after{
    content:'';
    clear: both;
    display: block；
}

body{
 
    margin: 0px;
}
a{
    color:inherit;
    text-decoration: none;
}

.topNavBar{
    background-color:#444;
    height:60px;
    margin: 10px 0px 0px 16px;
}

.topNavBar .logo{
    float: left;
    font-family: "Arial black";
    font-size: 24px;
    padding: 12px 0px 12px 0px;
}
.topNavBar nav{
    float: right;
      
}

.topNavBar .logo .rs{
    color:#e6686a;
    margin-right:4px; 
    
}
.topNavBar .logo .card{
    color:#9a9da2; 
}

.topNavBar nav ul{  
    list-style: none;
    margin: 0px; 
    padding: 0px; 
}

.topNavBar nav li{
    float:left; 
    margin: 0px 17px;
    padding: 17px 0px;
}

.topNavBar nav li a{
    font-size: 12px;
    font-weight: bold;
    color: #b7b7b7;
    padding-bottom: 5px;
    padding-top: 5px;
}

.topNavBar nav li a:hover{
    border-bottom: 3px #e6686a solid;
}
/*以上导航栏css*/


